.home-index{
  background: #ebebeb;
  height: 100vh;
}

// 头部
.home-top {
  top: 0;
  z-index: 999;
  height: 50px;
  img {
    width: 100px;
    height: 23px;
  }
  p {
    width: 167px;
    height: 32px;
    border: 1px solid gray;
    border-radius: 20px;
    background: #f5f5f5;
    input {
      border: 0;
      outline: medium;
      background: #f5f5f5;
      width: 140px;
    }
  }
}

// 轮播图
.image {
    padding-top: 50px;
  img {
    width: 100%;
  }
}

// 热门推荐
.hot {
  .title {
    height: 40px;
    font-family: "宋体";
    font-weight: 600;
  }
  .list {
    .item {
      width: 77px;
      height: 93px;
      img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
      }
    }
  }
}

// 热门城市
.city {
  .title {
    height: 40px;
    font-family: "宋体";
    font-weight: 600;
  }
  .list {
    .item {
        width: 24.4%;
        height: 40px;
        border: 1px solid rgb(226, 221, 221);
        text-align: center;
        line-height: 40px;
      }
    }
}

// 目的地推荐
.address {
    padding-bottom: 60px;
  .title {
    height: 40px;
    font-family: "宋体";
    font-weight: 600;
  }
  .content{
    img{
        width: 100%;
    }
    .money{
        bottom: 0px;
        width: 80px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        font-family: 'Arial Narrow', Arial, sans-serif;
        background: rgba($color: #000000, $alpha: .7);
    }
  }
  .intr{
      // height: 80px;
      .box{
          height: 100%;
          font-family: "宋体";
          p:nth-of-type(1){
            font-weight: 600;
          }
          p:nth-of-type(2){
            width: 98%;
          }
          p:nth-of-type(3){
              width: 100px;
              height: 20px;
              line-height: 20px;
              border-radius: 10px;
              background: #82c8a0;
          }
      }
  }
}
